<template>
    <div class="container">
        <head-bar height="80" middleText="设置" :leftClick="returnPage"></head-bar>

        <div class="logo-content">
            <image class="logo-content-i" src="root:img/logo_back.png"></image>
            <text class="app-name-t">药械圈</text>
            <text class="app-version-t">版本v1.0</text>
        </div>

        <wxc-cell :has-arrow="false" class="system-info-cell" style="margin-top: 30px;"
                  :has-top-border="false"
                  :auto-accessible="false">
            <text class="user-cell-name" slot="label">客服电话：</text>
            <text class="user-info-t"  slot="title">400-114-9999</text>
        </wxc-cell>
        <wxc-cell :has-arrow="false" class="system-info-cell"
                  :has-top-border="false"
                  :auto-accessible="false">
            <text  class="cell-t"   slot="title">清除缓存</text>
        </wxc-cell>
        <wxc-cell :has-arrow="false" class="system-info-cell"
                  :has-top-border="false"
                  :auto-accessible="false">
            <text  class="cell-t"  slot="title">检查版本</text>
        </wxc-cell>
    </div>
</template>

<style>

    .cell-t{
        margin-left: 20px;
        font-size:30px;
    }
    .system-info-cell{
        margin-top:0px;
        height:80px;

    }

    .app-version-t{
        margin-top: 10px;
        color: #999;
    }

    .app-name-t{
        margin-top:15px;
        font-size: 30px;
    }

    .logo-content-i {
        width: 200px;
        height: 200px;
    }

    .logo-content {
        align-items: center;
        justify-content: center;
        margin-top: 150px;
    }

    .container {
        flex-direction: column-reverse;

    }

    .user-info-i {
        width: 40px;
        height: 40px;
    }

    .user-info-t {
        margin-left: 50px;
        font-size: 30px;
    }

    .user-info-cell {
        height: 100px;
    }

    .user-cell-name {
        color: #a8a8a8;
        margin-left: 20px;
        font-size: 30px;
    }

</style>
<script>
    import headBar from '../components/headBar.vue'
    import {WxcCell} from 'weex-ui'
    import nw from '../network/nw.js'

    export default {
        components: {WxcCell, headBar},
        data() {
            return {
                info: {}
            }
        },
        methods: {

            //返回上个页面
            returnPage: function () {
                var nav = weex.requireModule('navigator')
                nav.back()
            }
        },

        mounted: function () {

        }
    }
</script>